.arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50rpx;
    height: 50rpx;
    // background: black;

    image {}


    &.up {
        transform: rotate(180deg);
    }

    &.right {
        transform: rotate(-90deg);
    }

    &.down {
        transform: rotate(0);
    }

    &.left {
        transform: rotate(90deg);
    }

    &.disabled {
        pointer-events: none;
    }

    .icon {
        width: 25rpx;
        height: 14rpx;
    }
}